<template >
	<view  class="mine-container" :style="{height: `${windowHeight}px`}">
		<!-- <view class="content-section">
		  <view class="mine-actions grid col-4 text-center">
		    <view class="action-item" @click="orderList">
		      <view class="iconfont icon-friendfill text-pink icon"></view>
		      <text class="text">交流群</text>
		    </view>
		    <view class="action-item" @click="orderinvite">
		      <view class="iconfont icon-service text-blue icon"></view>
		      <text class="text">在线客服</text>
		    </view>
		    <view class="action-item" @click="queryOrder">
		      <view class="iconfont icon-community text-mauve icon"></view>
		      <text class="text">反馈社区</text>
		    </view>
		    <view class="action-item" @click="wallet">
		      <view class="iconfont icon-dianzan text-green icon"></view>
		      <text class="text">点赞我们</text>
		    </view>
		  </view> -->
		<view class="menu-list">
		    <view class="list-cell list-cell-arrow" @click="orderList">
		      <view class="menu-item-box">
		        <view class="iconfont icon-user menu-icon"></view>
		        <view>购买云机</view>
		      </view>
		    </view>
		    <view class="list-cell list-cell-arrow" @click="orderinvite">
		      <view class="menu-item-box">
		        <view class="iconfont icon-help menu-icon"></view>
		        <view>我的关系</view>
		      </view>
		    </view>
		    <view class="list-cell list-cell-arrow" @click="queryOrder">
		      <view class="menu-item-box">
		        <view class="iconfont icon-aixin menu-icon"></view>
		        <view>我的订单</view>
		      </view>
		    </view>
		    <view class="list-cell list-cell-arrow" @click="wallet">
		      <view class="menu-item-box">
		        <view class="iconfont icon-setting menu-icon"></view>
		        <view>钱包</view>
		      </view>
		    </view>
		  </view>
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			orderList() {
			  this.$tab.navigateTo('/pages/mine/order/order')
			},
			orderinvite() {
			  this.$tab.navigateTo('/pages/mine/inviter/inviter')
			},
			queryOrder() {
			  this.$tab.navigateTo('/pages/mine/queryOder/queryOder')
			},
			wallet() {
			  this.$tab.reLaunch('/pages/mine/benefits/benefits')
			},
			
		}
	}
</script>

<style lang="scss">
	// .mine-container {
	//   width: 100%;
	//   height: 100%;
	
 // .content-section {
 //      position: relative;
 //      top: -50px;

 //      .mine-actions {
 //        margin: 15px 15px;
 //        padding: 20px 0px;
 //        border-radius: 8px;
 //        background-color: white;

 //        .action-item {
 //          .icon {
 //            font-size: 28px;
 //          }

 //          .text {
 //            display: block;
 //            font-size: 13px;
 //            margin: 8px 0px;
 //          }
 //        }
 //      }
 //    }
 //  }
</style>
